<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</meta>
<title>F().slides演示</title>
<style type="text/css">
#tbox01 .tab { list-style-position:inside; list-style-type:none; margin:0px;padding:0px;}
#tbox01 .tab li { float:left; border:1px solid blue; background-color:#ffffff; cursor:pointer;}
#tbox01 .tab li.focus{background-color:#ff0000; cursor:default;}
#tbox01 .panel li{display:none;}
#status{background-color:#000; color:#fff; width:200px; height:30px; line-height:30px; text-indent:15px; marign-bottom:20px;}
</style>
<script type="text/javascript" src="../../1st.js"></script>
</head>
<body>
<div id="status"></div>
<div id="tbox01">
	<ul class="tab">

		<li>上期</li>
		<li class="focus">本期</li>
		<li>下期</li>
	</ul>
	<ul class="panel">
		<li>双色球中奖</li>
		<li style="display:block;">足彩中奖</li>

		<li>北单中奖</li>
	</ul>
</div>

<script type="text/javascript">
F("tbox01").slides({
	etype: "mouseover",
	index: 1,
	onchange: function (me){
		F("status").html("你选择了"+me.tab.item(me.nowIndex).html()+",第"+(me.nowIndex+1)+"项");
	}
});
</script>
</body>
</html>